import { defineComponent } from "vue";
import { reactive, ref, onMounted, onBeforeUnmount } from "vue";
import MyWangeditor from "../../common/components/MyWangeditor/index";

export default defineComponent({
  components: {
    MyWangeditor,
  },
  setup() {
    const content = reactive({
      html: undefined,
      text: undefined,
    })
    const onTest=()=>{
        console.log(content.html);
    };
    return () => (
      <>
        <div style="margin-top: 10px;">
          <MyWangeditor v-model={[content.html, "value"]} />
        </div>
        <a-button type="primary" onClick={()=>onTest()}>Primary Button</a-button>
        <div class=" w-52 h-28 border" v-model={[content.html, "value"]}></div>
      </>
    );
  },
});
